<style>
    /* 基础无边框样式 */
    .no-border-input {
        --el-input-border-color: transparent; /* 去除默认边框 */
        --el-input-hover-border-color: transparent; /* 去除 hover 边框 */
    }
    /* 下划线样式 */
    .underline-input {
        border-bottom: 1px solid #ddd !important;
        border-radius: 0 !important; /* 去除圆角 */
        width: 80px;
    }
    .el-header, .el-footer {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
    line-height: 60px;
  }
  
  .el-aside {
    background-color: #D3DCE6;
    color: #333;
    text-align: center;
    line-height: 200px;
  }
  
  .el-main {
    background-color: #ffffff;
    color: #333;
    text-align: center;
    line-height: 160px;
  }
  
  body > .el-container {
    margin-bottom: 40px;
  }
  
  .el-container:nth-child(5) .el-aside,
  .el-container:nth-child(6) .el-aside {
    line-height: 260px;
  }
  
  .el-container:nth-child(7) .el-aside {
    line-height: 320px;
  }
</style>
<template>
    <ContentWrap>
        <h3>踏勘照片</h3>
        <el-row :gutter="20" style="margin-top: 20px;">
            <el-col :span="12">
                <div class="common-layout" >
                    <el-container>
                        <el-header>屋顶平面草图</el-header>
                        <el-main>
                            <UploadImgs :modelValue="modelValue"/>
                        </el-main>
                    </el-container>
                </div>
            </el-col>
            <el-col :span="12">
                <div class="common-layout" >
                    <el-container>
                        <el-header>配电系统图或照片</el-header>
                        <el-main>
                            <UploadImgs :modelValue="modelValue"/>
                        </el-main>
                    </el-container>
                </div>
            </el-col>
            <el-col :span="12">
                <div class="common-layout" >
                    <el-container>
                        <el-header>屋顶及屋顶周围环境</el-header>
                        <el-main>
                            <UploadImgs :modelValue="modelValue"/>
                        </el-main>
                    </el-container>
                </div>
            </el-col>
            <el-col :span="12">
                <div class="common-layout" >
                    <el-container>
                        <el-header>设备安装位置</el-header>
                        <el-main>
                            <UploadImgs :modelValue="modelValue"/>
                        </el-main>
                    </el-container>
                </div>
            </el-col>
            <el-col :span="12">
                <div class="common-layout" >
                    <el-container>
                        <el-header>房屋整体照片（南侧视角）</el-header>
                        <el-main>
                            <UploadImgs :modelValue="modelValue"/>
                        </el-main>
                    </el-container>
                </div>
            </el-col>
            <el-col :span="12">
                <div class="common-layout" >
                    <el-container>
                        <el-header>房屋周边</el-header>
                        <el-main>
                            <UploadImgs :modelValue="modelValue"/>
                        </el-main>
                    </el-container>
                </div>
            </el-col>
            <el-col :span="12">
                <div class="common-layout" >
                    <el-container>
                        <el-header>电表正面照片</el-header>
                        <el-main>
                            <UploadImgs :modelValue="modelValue"/>
                        </el-main>
                    </el-container>
                </div>
            </el-col>
            <el-col :span="12">
                <div class="common-layout" >
                    <el-container>
                        <el-header>屋面全貌</el-header>
                        <el-main>
                            <UploadImgs :modelValue="modelValue"/>
                        </el-main>
                    </el-container>
                </div>
            </el-col>
            <el-col :span="12">
                <div class="common-layout" >
                    <el-container>
                        <el-header>房屋内部整体照片</el-header>
                        <el-main>
                            <UploadImgs :modelValue="modelValue"/>
                        </el-main>
                    </el-container>
                </div>
            </el-col>
        </el-row>
    </ContentWrap>
    
</template>
<script setup lang="ts">
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
import * as ExplorationApi from '@/api/crm/exploration'

const modelValue = '';
const sceneList = [
    {value:1,name:"储能系统"},
    {value:2,name:"充电桩"},
    {value:3,name:"PVT光热系统"},
];
const formData = {
    user:'111',
    userType:"1",
    belongArea:1,
    saleType:"1",
    productType:"1",
    contractType:"1",
    remark:"111",
};


const { product } = defineProps<{ product: ExplorationApi.ExplorationVO }>()
</script>
